.app{
	width: 100%;
	height: 100vh;
	background-color: #fff;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.btn108{
  width: 120px;
	height: 48px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	border-radius: 24px;
	background: linear-gradient(180deg, #3363DD 0%, #4EF9E8 100%);
	border: 2px solid #242EDC;
	transition: all .1s linear;
	cursor: pointer;
	outline: none;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
.row108,.col108{
	width: 2px;
	height: 2px;
	background-color: #ffffff;
	border-radius: 1px;
	position: absolute;
	left: 20px;
	top: 40px;
}
.row108:after,.row108:before,.col108:after,.col108:before{
	content: '';
	width: 2px;
	height: 2px;
	background-color: #ffffff;
	border-radius: 1px;
	position: absolute;
	left: 37px;
	top: -18px;
}
.row108:before{
	left: 74px;
	top: -30px;
}
.col108{
	left: 112px;
	top: 36px;
}
.col108:after{
	left: 50px;
	top: -13px;
}
.col108:before{
	left: 100px;
	top: -26px;
}
.row108{
	animation: roweff108 6s linear infinite;
}
@keyframes roweff108{
	0%{
		top: 76px;
	}
	100%{
		top: -2px;
	}
}
.col108{
	animation: coleff108 4s linear infinite;
}
@keyframes coleff108{
	0%{
		left: -102px;
	}
	100%{
		left: 112px;
	}
}
.btn108:hover{
	color: #242EDC;
}
.btn108:active{
	transform: scale(0.98);
}